<template>
  <div>
    <div class="zhuan">
      <div class="mine">
        <span class="icons4 icon4-zhuan"></span>伊起赚钱
      </div>
      <div class="yesDay">
        昨日收入金额<span></span>
      </div>
      <span class="money">￥0</span>
    </div>
    <ul class="menu-box ">
      <li>
        <span class="icons4 my ic"></span>
        <p>我的收入</p>
      </li>
      <li>
        <span class="lyf-icons lyf-fi ic"></span>
        <p>粉丝团</p>
      </li>
      <li>
        <span class="lyf-icons lyf-tab ic"></span>
        <p>报表中心</p>
      </li>
      <p class="clear"></p>
    </ul>
  </div>
</template>
<script>
  export default {

  }
</script>
<style>
  .clear{
    height: 0;
    clear: both;
  }
  .zhuan{
    height: .47rem;
    line-height: .47rem;
    margin-left: .15rem;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
  }
  .zhuan .mine{
    font-size: 16px!important;
    color:#000;
    float: left;
  }
  .zhuan .mine .icon4-zhuan{
    width: .16rem;
    height: .2rem;
    background-position: -263px -478px;
    margin-right: .1rem;
  }
  .zhuan .yesDay{
    float: right;
    color:grey;
    font-size: .12rem;
  }
  .zhuan .yesDay span{
    display: inline-block;
    vertical-align: middle;
    background: url(http://m.static.laiyifen.com/images/icons2.png?v=1501500776374) no-repeat;
    background-size: 375px auto;
    width: 10px;
    height: 15px;
    background-position: -36px -248px;
    margin-right: .15rem;
    margin-left: .07rem;
  }
  .zhuan .money{
    color:#ff6900;
    position: absolute;
    right: .3rem;
    bottom: -.13rem;
  }




  /* menu-box */
  .menu-box{
    box-sizing:border-box;
  }
  .menu-box li{
    width: 33.3%;
    float: left;
    text-align: center;
    box-sizing:border-box;
    padding:.1rem 0;
  }
  li p{
    margin-top: .1rem;
  }
  .menu-box .ic{
    width: .3rem;
    height: .3rem;
  }
  .my{
    background-position: -319px -355px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../../../static/imgs/icons4New.png");
    background-repeat: no-repeat;
    background-size: 3.75rem auto;
  }
  .lyf-tab{
    background-position: -284px -532px;
  }
  .lyf-fi{
    background-position: -319px -532px;
  }
</style>
